    <table border="1" cellpadding="0">
                <tr>
                    <td>id</td>
                    <td>name</td>
                    <td>gender</td>
                    <td>age</td>
                </tr>
                <tr v-for="order in fieldList">
                    <td>{{order.id}}</td>
                    <td>{{order.x}}</td>
                    <td>{{order.y}}</td>
                    <td>{{order.company}}</td>
                </tr>
            </table>

<script>

import {
  getQueryByPage
} from "../../order";
export default {
  data() {
    return {
      fieldList: null,

    };
  },
  // components: { singleimageupload, picTable, addGardenMap, treeSelect },
  methods: {
    setData() {
      getQueryByPage()
        .then(res => {
          this.fieldList=res.data;
        })
        .catch(err => {
          this.$message.error("查询失败");
        });
    },
  },
  mounted() {
    this.setData();
  }
};
</script>
<style lang="scss" scoped>
#table-wrap {
  padding-right: 20px;
  .el-table {
    padding-left: 20px;
  }
}
.el-upload__tip {
  margin-left: 3px;
  display: inline-block;
  color: red;
  white-space: nowrap;
}
/deep/ .el-select-tree .el-input.is-active .el-input__inner {
  border-color: #00607f !important;
}
/deep/ .demo-form-inline .el-form-item__label /deep/ #app {
  font-family: "Microsoft YaHei";
}

/deep/.el-table thead {
  color: black !important;
}
/deep/ .has-gutter {
  background: #f0f0f0 !important;
}

/deep/ .el-table th {
  background-color: transparent;
}
/deep/ .el-table tr {
  background-color: transparent;
}
.fy {
  position: fixed;
  bottom: 0px;
  background: #f7f7f7;
  z-index: 999;
  text-align: center;
  left: 220px;
  right: 0;
  padding: 10px 0;
  line-height: 25px;
}
.di {
  position: fixed;
  bottom: 0px;
  background: #f7f7f7;
  z-index: 999;
  text-align: center;
  left: 220px;
  right: 0;
  padding: 10px 0;
  line-height: 25px;
}
.rowbg {
  // padding: 10px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.rowbg2 {
  @extend .rowbg;
  background-color: #f7f7f7;
  overflow: hidden;
  white-space: nowrap;
}
.tu {
  width: 200px;
  height: 200px;
  img {
    height: 100%;
    width: 100%;
  }
}
.demo-form-inline {
  padding-left: 15px;
  width: 750px;
}
/deep/ .demo-form-inline .el-form-item__label {
  margin-left: 15px;
  color: #909090;
  display: inline-block;
  width: 100px;
  text-align: right !important;
}
>>> .el-form-item__content {
  color: #232323;
  text-overflow: ellipsis;
}
/deep/ .xqy .el-col-12 {
  padding-top: 24px;
}
/deep/ .el-table__body-wrapper {
  margin-bottom: 40px !important;
}
// /deep/ .kp .el-form-item__label:before {
//   content: "*";
//   color: red;
//   height: 32px;
//   margin-right: 3px;
//   font-size: 15px;
// }
.pic_tip {
  margin-left: 41%;
  color: red;
  font-size: 12px;
  margin-top: -20px;
}
</style>

/* .el-table td, .el-table th.is-leaf */
